<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="box">
        <a href="./login.html" class="login">密码登录</a>
        <div class="tital">
          <h2 class="">手机号注册/登录</h2>
          <p class="f14">快速找到好友,一站式记录你的运动</p>
        </div>
        <ul class="form">
            <li class="telnum">+86 <span class="triangle"></span></li>
            <li><input type="text" placeholder="请输入手机号码" class="tel" id="account"></li>
            <li class="code"><input type="text" placeholder="请输入验证码" id="vcode"><canvas width="120" height="50" id="captcha1"></canvas></li>
            <li><input type="password" placeholder="请输入密码" id="password"></li>
            <li><input type="password" placeholder="请再次确认密码" id="realpwd"></li>
          <li ><button class="reg">注册账号</button></li>
        </ul>
      <span class="slogan abs">-HOLD ON-</span>
      </div>
</body>
</html>